﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>天宇酒店欢迎你</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="manifest" href="site.webmanifest">
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
    <!-- CSS here -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/css/animate.min.css}">
    <link rel="stylesheet" th:href="@{/css/nice-select.css}">
    <link rel="stylesheet" th:href="@{/css/themify-icons.css}">
    <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
    <link rel="stylesheet" th:href="@{/css/meanmenu.css}">
    <link rel="stylesheet" th:href="@{/css/fontawesome-all.min.css}">
    <link rel="stylesheet" th:href="@{/css/slick.css}">
    <link rel="stylesheet" th:href="@{/css/default.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/responsive.css}">
</head>
<body>
<header>
    <div id="sticky-header" class="header-top-area header-2 pr-60 pl-60">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-3 col-lg-2">
                    <div class="logo">
                        <a th:href="@{/hotel/index}"><img th:src="@{/img/logo/logo.png}" alt="首页"/></a>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-8">
                    <div class="main-menu text-center">
                        <nav id="mobile-menu">
                            <ul>
                                <li class="active"><a th:href="@{/hotel/index}">首页 </a></li>
                                <li><a th:href="@{/hotel/about_us}">关于我们</a></li>
                                <li><a th:href="@{/hotel/schedule}">查看房间</a></li>
                                <li><a th:href="@{/hotel/schedule_room}">查看预定</a>
                                    <ul class="sub-menu text-left">
                                        <li><a th:href="@{/hotel/schedule_room}">预定信息</a></li>
                                        <li><a th:href="@{/hotel/orderInformation}">未支付订单信息</a></li>
                                        <li><a th:href="@{/order/orderList1}">已支付订单信息</a></li>
                                    </ul>
                                </li>
                                <li><a th:href="@{/hotel/environment}">收藏</a></li>
                                <li th:if="${session.user==null}"><a th:href="@{/login}">登录</a></li>
                                <li th:if="${session.user!=null}"><a th:href="@{/userBack}">退出登录</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="mobile-menu"></div>
                </div>
                <div class="col-xl-3 col-lg-2">
                    <div class="header-right f-right d-none d-md-none d-lg-block">
                        <div class="header-button">
                            <a th:href="@{/registerUser}">注册</a>
                        </div>
                        <ul>
                            <li><a th:href="@{/hotel/search}" data-toggle="modal" data-target="#search-modal"><span
                                    class="ti-search"></span></a>
                            </li>
                            <li><a th:href="@{/hotel/schedule_room}"><span class="ti-shopping-cart"></span></a></li>
                            <li th:if="${session.user==null}"><span>未登录</span></li>
                            <li th:if="${session.user!=null}"><span
                                    style="color: #7DBA2F"><a style="font-family: STXingkai"
                                                              th:href="@{/hotel/modifyUser}">[[${session.user.user_name}]]</a></span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="slider-area">
    <div class="slider-active">
        <div class="single-slider pt-300 pb-285 d-flex align-items-center"
             style="background-image:url(../img/publicindex/3.jpg)">
            <div class="container">
                <div class="row ">
                    <div class="col-xl-12">
                        <div class="slider-content text-center">
                            <span style="font-family: STXingkai" data-animation="fadeInUp"
                                  data-delay=".2s">天宇酒店欢迎您</span>
                            <h1 data-animation="fadeInUp" data-delay=".4s">快来选择你心仪的房间吧！</h1>
                            <div class="slider-button">
                                <a data-animation="fadeInLeft" data-delay=".8s" th:href="@{/hotel/schedule}"
                                   class="btn">去选房间</a>
                                <div class="slider-video" data-animation="fadeInRight" data-delay="1s">
                                    <a class="popup-video" th:href="@{/hotel/about_us}"><i
                                            class="fas fa-play"></i></a>
                                    <span>关于我们</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="single-slider pt-300 pb-285 d-flex align-items-center"
             style="background-image:url(../img/publicindex/2.jpg)">
            <div class="container">
                <div class="row ">
                    <div class="col-xl-12">
                        <div class="slider-content text-center">
                            <span style="font-family: STXingkai" data-animation="fadeInUp"
                                  data-delay=".2s">天宇酒店欢迎您</span>
                            <h1 data-animation="fadeInUp" data-delay=".4s">快来选择你心仪的房间吧！</h1>
                            <div class="slider-button">
                                <a data-animation="fadeInLeft" data-delay=".8s" th:href="@{/hotel/schedule}"
                                   class="btn">去选房间</a>
                                <div class="slider-video" data-animation="fadeInRight" data-delay="1s">
                                    <a class="popup-video" th:href="@{/hotel/about_us}"><i
                                            class="fas fa-play"></i></a>
                                    <span>关于我们</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="single-slider pt-300 pb-285 d-flex align-items-center"
             style="background-image:url(../img/publicindex/1.jpg)">
            <div class="container">
                <div class="row ">
                    <div class="col-xl-12">
                        <div class="slider-content text-center">
                            <span style="font-family: STXingkai" data-animation="fadeInUp"
                                  data-delay=".2s">天宇酒店欢迎您</span>
                            <h1 data-animation="fadeInUp" data-delay=".4s">快来选择你心仪的房间吧！</h1>
                            <div class="slider-button">
                                <a data-animation="fadeInLeft" data-delay=".8s" th:href="@{/hotel/schedule}"
                                   class="btn">去选房间</a>
                                <div class="slider-video" data-animation="fadeInRight" data-delay="1s">
                                    <a class="popup-video" th:href="@{/hotel/about_us}"><i
                                            class="fas fa-play"></i></a>
                                    <span>关于我们</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="service-area pt-80 pb-40 gray-bg">
    <div class="container">
        <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="service-wrapper text-center mb-30">
                    <div class="service-img">
                        <img th:src="@{/img/service/service1.png}" alt=""/>
                    </div>
                    <div class="service-text">
                        <h3>娱乐</h3>
                        <p>酒店周边娱乐设施应有尽有，很多旅游景点。太行大峡谷、红旗渠等等</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="service-wrapper text-center mb-30">
                    <div class="service-img">
                        <img th:src="@{/img/service/service2.png}" alt=""/>
                    </div>
                    <div class="service-text">
                        <h3>美食</h3>
                        <p>在这里，你会体会到从未有过的味蕾上的享受。 </p>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-6">
                <div class="service-wrapper text-center mb-30">
                    <div class="service-img">
                        <img th:src="@{/img/service/service3.png}" alt=""/>
                    </div>
                    <div class="service-text">
                        <h3>交通</h3>
                        <p>作为一个旅游盛名的城市，你还需要为了交通而担心吗？ </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="special-menu-area pb-100">
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="section-title text-center mb-55"><br>
                    <h1 style="font-family: STXingkai">酒店特色</h1>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-12">
                <ul class="nav special-menu-tab justify-content-center mb-50" id="myTab2" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home1-tab" data-toggle="tab" href="#home1">推荐</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile1-tab" data-toggle="tab" href="#profile1">收藏最多</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="contact11-tab" data-toggle="tab" href="#contact11">销售最多</a>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent2">
                    <div class="tab-pane fade show active" id="home1" role="tabpanel" aria-labelledby="home1-tab">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-12" th:each="room:${roomList}">
                                <div class="special-menu-wrapper mb-30">
                                    <div class="single-special">
                                        <div class="special-menu-img">
                                            <a target="_blank" th:href="@{'/room/schedule_details?room_id='+${room.room_id}}">
                                            <img width="132" height="132" th:src="${room.room_path1}" alt=""/></a>
                                        </div>
                                        <div class="special-menu-text">
                                            <div class="special-right">
                                                <span>$[[${room.room_current_price}]]</span>
                                            </div>
                                            <h4>[[${room.room_name}]]--[[${room.room_quality}]]</h4>
                                            <p>[[${room.room_describe}]]</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="special-menu-button text-center pt-40">
                                    <a target="_blank" th:href="@{/hotel/schedule}">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="profile1" role="tabpanel" aria-labelledby="profile1-tab">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-12" th:each="room:${roomList1}">
                                <div class="special-menu-wrapper mb-30">
                                    <div class="single-special">
                                        <div class="special-menu-img">
                                            <a target="_blank" th:href="@{'/room/schedule_details?room_id='+${room.room_id}}">
                                                <img width="132" height="132" th:src="${room.room_path1}" alt=""/></a>
                                        </div>
                                        <div class="special-menu-text">
                                            <div class="special-right">
                                                <span>$[[${room.room_current_price}]]</span>
                                            </div>
                                            <h4>[[${room.room_name}]]--[[${room.room_quality}]]</h4>
                                            <p>[[${room.room_describe}]]</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="special-menu-button text-center pt-40">
                                    <a target="_blank" th:href="@{/hotel/schedule}">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="contact11" role="tabpanel" aria-labelledby="contact11-tab">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-12" th:each="v_room_info:${v_room_infoList}">
                                <div class="special-menu-wrapper mb-30">
                                    <div class="single-special">
                                        <div class="special-menu-img">
                                            <a target="_blank" th:href="@{'/room/schedule_details?room_id='+${v_room_info.v_id}}">
                                                <img width="132" height="132" th:src="${v_room_info.v_path}" alt=""/></a>
                                        </div>
                                        <div class="special-menu-text">
                                            <div class="special-right">
                                                <span>$[[${v_room_info.v_money}]]</span>
                                            </div>
                                            <h4>[[${v_room_info.v_name}]]--[[${v_room_info.v_quality}]]</h4>
                                            <p>[[${v_room_info.v_count}]]间</p>
                                            <p>[[${v_room_info.v_describe}]]</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="special-menu-button text-center pt-40">
                                    <a target="_blank" th:href="@{/hotel/schedule}">查看更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="brand-area yellow-bg pt-75 pb-75">
    <div class="container">
        <div class="row justify-content-between">
            <div class="brand-active owl-carousel">
                <div class="col-xl-12">
                    <div class="brand-wrapper">
                        <div class="brand-img">
                            <img th:src="@{/img/brand/1.png}" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="brand-wrapper">
                        <div class="brand-img">
                            <img th:src="@{/img/brand/2.png}" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="brand-wrapper">
                        <div class="brand-img">
                            <img th:src="@{/img/brand/3.png}" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="brand-wrapper">
                        <div class="brand-img">
                            <img th:src="@{/img/brand/4.png}" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="footer-top-area footer2 pt-100 pb-70 black2-bg">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6">
                    <div class="footer-wrapper mb-30">
                        <div class="footer-logo">
                            <a th:href="@{/login}"><img th:src="@{/img/logo/logo.png}" alt=""/></a>
                        </div>
                        <div class="footer-text">
                            <p>天宇酒店是2021年10月1日创办的品牌酒店，拥有成熟的经营方式，能够满足所有顾客的需求，在这里，你们可以住的放心，睡的安心。 </p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6">
                    <div class="footer-wrapper mb-30">
                        <h3 class="footer-title">经营理念</h3>
                        <ul class="footer-menu" style="color: #a0a0a0">
                            <li><i class="fas fa-caret-right"></i>客户至上</li>
                            <li><i class="fas fa-caret-right"></i>质量第一</li>
                            <li><i class="fas fa-caret-right"></i>求真务实</li>
                            <li><i class="fas fa-caret-right"></i>信用为本</li>
                            <li><i class="fas fa-caret-right"></i>用心服务</li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6">
                    <div class="footer-wrapper mb-30">
                        <h3 class="footer-title">酒店展示</h3>
                        <ul class="footer-img">
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/1.jpg}"></li>
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/2.jpg}"></li>
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/3.jpg}"></li>
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/4.jpg}"></li>
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/5.jpg}"></li>
                            <li><img width="85" height="85" alt="" th:src="@{/img/instagram/6.jpg}"></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6">
                    <div class="footer-wrapper mb-30">
                        <h3 class="footer-title">联系我们</h3>
                        <div class="footer-info">
                            <p>天宇酒店欢迎您</p>
                        </div>
                        <ul class="footer-link">
                            <li><i class="fas fa-home"></i>河南省安阳市林州市太行大峡谷102号</li>
                            <li><i class="fas fa-phone"></i>+155 1881 7710</li>
                            <li><i class="far fa-envelope"></i>15518817710@163.com</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- JS here -->
<script th:src="@{/js/vendor/modernizr-3.5.0.min.js}"></script>
<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
<script th:src="@{/js/waypoints.min.js}"></script>
<script th:src="@{/js/jquery.counterup.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/owl.carousel.min.js}"></script>
<script th:src="@{/js/isotope.pkgd.min.js}"></script>
<script th:src="@{/js/jquery.nice-select.min.js}"></script>
<script th:src="@{/js/jquery.meanmenu.min.js}"></script>
<script th:src="@{/js/slick.min.js}"></script>
<script th:src="@{/js/ajax-form.js}"></script>
<script th:src="@{/js/wow.min.js}"></script>
<script th:src="@{/js/jquery.scrollUp.min.js}"></script>
<script th:src="@{/js/imagesloaded.pkgd.min.js}"></script>
<script th:src="@{/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/js/plugins.js}"></script>
<script th:src="@{/js/main.js}"></script>
</body>
</html>
